import './index.less'
interface GroupItemProps {
  content: string;
}

function GroupItem(props: GroupItemProps) {
  return (<div className="chat-group-item-border">
    {props.content}
  </div>)
}
function GroupList() {
  const groups = [{ id: "1", name: "xxx1" }, { id: "2", name: "xxx2" }];
  return (<div>
    {groups.map((item) => <GroupItem key={item.id} content={item.name} />)}
  </div>)
}
export default GroupList
